<template>
    <div id="footer" class="foot">
        <div class="inner">
            <p>Copyright &copy; 2018-2021 <a>{{config.name}}</a>
                版权所有.
                <a rel="nofollow"  target="_blank">{{config.keepOnRecordIcp}}</a>
            </p>
            <div class="bottom">
                <div>
                    <img class="lianxiimg" src="../../assets/img/weixin.jpg" >

                    <span>微信公众号</span>

                </div>
                <div>
                    <img class="lianxiimg" src="../../assets/img/qq.png"/>

                    <span>QQ群</span>
                </div>


            </div>
        </div>
    </div>
</template>
<script>
  import config from '@/config'

  export default {
    name: "Footer",
    data() {
      return {
        config: config
      };
    },
    mounted() {


    }
  };
</script>
<style scoped>
    .lianxiimg {
        height: 100px;
        object-fit: contain;
    }

    .bottom {
        width: 100%;
        margin: auto;
        padding-top: 10px;
        display: flex;
        flex-wrap: wrap;

    }
    .bottom>div{
        display: flex;
        flex-direction: column;
        margin-right: 10px;
    }
    .inner{
        text-align: left;
    }
</style>

